home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 7684 / 7684.xpi / chrome / firefm.jar / skin / unix / fmToolbar.css < prev    next >
Cascading Style Sheet File  |  2009-08-06  |  7KB  |  246 lines
  1. /**
  2.  * Copyright (c) 2008, Jose Enrique Bolanos, Jorge Villalobos
  3.  * All rights reserved.
  4.  *
  5.  * Redistribution and use in source and binary forms, with or without
  6.  * modification, are permitted provided that the following conditions are met:
  7.  *
  8.  *  * Redistributions of source code must retain the above copyright notice,
  9.  *    this list of conditions and the following disclaimer.
  10.  *  * Redistributions in binary form must reproduce the above copyright notice,
  11.  *    this list of conditions and the following disclaimer in the documentation
  12.  *    and/or other materials provided with the distribution.
  13.  *  * Neither the name of Jose Enrique Bolanos, Jorge Villalobos nor the names
  14.  *    of its contributors may be used to endorse or promote products derived
  15.  *    from this software without specific prior written permission.
  16.  *
  17.  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  18.  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  19.  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  20.  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER
  21.  * OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
  22.  * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
  23.  * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
  24.  * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
  25.  * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
  26.  * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
  27.  * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  28.  **/
  29.  
  30. toolbarbutton.fm-button,
  31. window:not([active="true"]) toolbarbutton.fm-button,
  32. toolbar[iconsize="small"] toolbarbutton.fm-button {
  33.   list-style-image: url("chrome://firefm-os/skin/toolbar.png");
  34.   padding-top: 1px;
  35.   padding-bottom: 1px;
  36. }
  37.  
  38. toolbarbutton[type="menu-button"].fm-button > toolbarbutton {
  39.   padding-top: 0em;
  40.   padding-bottom: 0em;
  41. }
  42.  
  43. /* Do some juggling with alignment so that our icons look right. */
  44. #navigator-toolbox[mode="full"] > #nav-bar > toolbarbutton.fm-button:not([type="menu-button"]),
  45. #navigator-toolbox[mode="full"] > #nav-bar > toolbarbutton.fm-button[type="menu-button"] > toolbarbutton,
  46. #navigator-toolbox[mode="full"] > #nav-bar > toolbarpaletteitem > toolbarbutton.fm-button:not([type="menu-button"]),
  47. #navigator-toolbox[mode="full"] > #nav-bar > toolbarpaletteitem > toolbarbutton.fm-button[type="menu-button"] > toolbarbutton {
  48.   padding-top: 12px !important;
  49. }
  50.  
  51. #firefm-statusbar-toolbar {
  52.   -moz-appearance: none;
  53.   -moz-box-align: center;
  54.   background-color: transparent;
  55.   border: none;
  56.   height: 16px;
  57.   min-height: 16px !important;
  58. }
  59.  
  60. #firefm-statusbar-toolbar > toolbarbutton.fm-button,
  61. #firefm-statusbar-toolbar > toolbarbutton.fm-button:hover,
  62. #firefm-statusbar-toolbar > toolbarbutton.fm-button:hover:active,
  63. #firefm-statusbar-toolbar > toolbarbutton.fm-button[type="menu-button"] > toolbarbutton,
  64. #firefm-statusbar-toolbar > toolbarbutton.fm-button[type="menu-button"] > toolbarbutton:hover,
  65. #firefm-statusbar-toolbar > toolbarbutton.fm-button[type="menu-button"] > toolbarbutton:hover:active {
  66.   -moz-appearance: none;
  67.   border: none;
  68.   background: none;
  69. }
  70.  
  71. #firefm-statusbar-toolbar > toolbarbutton.fm-button,
  72. #firefm-statusbar-toolbar > toolbarbutton.fm-button image {
  73.   padding-top: 0em;
  74.   padding-bottom: 0em;
  75. }
  76.  
  77. #firefm-statusbar-toolbar > toolbarbutton.fm-button[type="menu-button"] {
  78.   -moz-box-align: start;
  79. }
  80.  
  81. #firefm-track-info {
  82.   margin: -1px;
  83.   min-width: 25em;
  84. }
  85.  
  86. #firefm-status-track-info {
  87.   font-size: 0.8em;
  88. }
  89.  
  90. /* The wrapper is automatically created in the customize toolbar window. */
  91. #wrapper-firefm-track-info {
  92.   width: 20em;
  93. }
  94.  
  95. /* Home button. */
  96.  
  97. #firefm-home-button,
  98. #firefm-status-home-button {
  99.   -moz-image-region: rect(0px, 16px, 16px, 0px);
  100. }
  101.  
  102. /* Log in / log out button. */
  103.  
  104. #firefm-login-logout-button,
  105. #firefm-status-login-logout-button {
  106.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  107. }
  108.  
  109. #firefm-login-logout-button[disabled="true"],
  110. #firefm-status-login-logout-button[disabled="true"] {
  111.   -moz-image-region: rect(16px, 32px, 32px, 16px);
  112. }
  113.  
  114. #firefm-login-logout-button[loggedin="true"],
  115. #firefm-status-login-logout-button[loggedin="true"] {
  116.   -moz-image-region: rect(0px, 48px, 16px, 32px);
  117. }
  118.  
  119. /* Station button. */
  120.  
  121. #firefm-station-button,
  122. #firefm-status-station-button {
  123.   -moz-image-region: rect(0px, 64px, 16px, 48px);
  124. }
  125.  
  126. #firefm-station-button[disabled="true"],
  127. #firefm-status-station-button[disabled="true"] {
  128.   -moz-image-region: rect(16px, 64px, 32px, 48px);
  129. }
  130.  
  131. #firefm-station-button[firstRun="true"],
  132. #firefm-status-station-button[firstRun="true"] {
  133.   list-style-image: url("chrome://firefm/skin/stationAnim.png");
  134.   -moz-image-region: auto;
  135. }
  136.  
  137. /* Play / stop button. */
  138.  
  139. #firefm-play-stop-button,
  140. #firefm-status-play-stop-button {
  141.   list-style-image: url("moz-icon://stock/gtk-media-play?size=menu");
  142. }
  143.  
  144. #firefm-play-stop-button[disabled="true"],
  145. #firefm-status-play-stop-button[disabled="true"] {
  146.   list-style-image: url("moz-icon://stock/gtk-media-play?size=menu&state=disabled");
  147. }
  148.  
  149. #firefm-play-stop-button[playing="true"],
  150. #firefm-status-play-stop-button[playing="true"] {
  151.   list-style-image: url("moz-icon://stock/gtk-media-stop?size=menu");
  152. }
  153.  
  154. /* Skip button. */
  155.  
  156. #firefm-skip-button,
  157. #firefm-status-skip-button {
  158.   list-style-image: url("moz-icon://stock/gtk-media-next?size=menu");
  159. }
  160.  
  161. #firefm-skip-button[disabled="true"],
  162. #firefm-status-skip-button[disabled="true"] {
  163.   list-style-image: url("moz-icon://stock/gtk-media-next?size=menu&state=disabled");
  164. }
  165.  
  166. /* Volume button. */
  167.  
  168. #firefm-volume-button,
  169. #firefm-status-volume-button {
  170.   -moz-image-region: rect(0px, 112px, 16px, 96px);
  171. }
  172.  
  173. #firefm-volume-button[volume="low"],
  174. #firefm-status-volume-button[volume="low"] {
  175.   -moz-image-region: rect(0px, 96px, 16px, 80px);
  176. }
  177.  
  178. #firefm-volume-button[volume="zero"],
  179. #firefm-status-volume-button[volume="zero"] {
  180.   -moz-image-region: rect(0px, 80px, 16px, 64px);
  181. }
  182.  
  183. #firefm-volume-button[disabled="true"],
  184. #firefm-status-volume-button[disabled="true"] {
  185.   -moz-image-region: rect(16px, 80px, 32px, 64px);
  186. }
  187.  
  188. /* Love button. */
  189. #firefm-love-button,
  190. #firefm-status-love-button {
  191.   -moz-image-region: rect(0px, 128px, 16px, 112px);
  192. }
  193.  
  194. #firefm-love-button[disabled="true"],
  195. #firefm-status-love-button[disabled="true"] {
  196.   -moz-image-region: rect(16px, 128px, 32px, 112px);
  197. }
  198.  
  199. /* Ban button. */
  200.  
  201. #firefm-ban-button,
  202. #firefm-status-ban-button {
  203.   -moz-image-region: rect(0px, 144px, 16px, 128px);
  204. }
  205.  
  206. #firefm-ban-button[disabled="true"],
  207. #firefm-status-ban-button[disabled="true"] {
  208.   -moz-image-region: rect(16px, 144px, 32px, 128px);
  209. }
  210.  
  211. /* Tag button. */
  212.  
  213. #firefm-tag-button,
  214. #firefm-status-tag-button {
  215.   -moz-image-region: rect(0px, 160px, 16px, 144px);
  216. }
  217.  
  218. #firefm-tag-button[disabled="true"],
  219. #firefm-status-tag-button[disabled="true"] {
  220.   -moz-image-region: rect(16px, 160px, 32px, 144px);
  221. }
  222.  
  223. /* Share button. */
  224.  
  225. #firefm-share-button,
  226. #firefm-status-share-button {
  227.   -moz-image-region: rect(0px, 176px, 16px, 160px);
  228. }
  229.  
  230. #firefm-share-button[disabled="true"],
  231. #firefm-status-share-button[disabled="true"] {
  232.   -moz-image-region: rect(16px, 176px, 32px, 160px);
  233. }
  234.  
  235. /* Video button. */
  236.  
  237. #firefm-video-button,
  238. #firefm-status-video-button {
  239.   -moz-image-region: rect(0px, 192px, 16px, 176px);
  240. }
  241.  
  242. #firefm-video-button[disabled="true"],
  243. #firefm-status-video-button[disabled="true"] {
  244.   -moz-image-region: rect(16px, 192px, 32px, 176px);
  245. }
  246.